<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<title>多级下拉选单控件演示--K_Tree演示范例</title>
<script language="javascript" charset="UTF-8" src="../../src/step1tree.js"></script>
<script language="javascript">
	function onXmlLoaded(doc)
	{
		var treeData=new K_TreeDataXml(doc);//使用XML数据创建一个树的数据源
		new K_TreeCascadingSelect("select_div","select_input",treeData,0);//将数据源显示成多级下拉选单
	}
	function onLoad()
	{
		K_Global.loadXml("../../testdata/tree.xml",onXmlLoaded);//加载XML数据
	}
</script>
</head>
<body onload="onLoad()">
<h3>多级下拉选单控件--K_Tree演示范例</h3>

<input type="text" id="select_input"/>
<div id="select_div"></div>

<div style="margin:10px;padding:10px;background-color:#EEEEEE;">
这是使用K_Tree实现的一个多级下拉选单，有以下特性：
<ol>
<li>在应用的时候，需要指定下拉选单的显示位置、值域、和数据源;</li>
<li>在选择下拉选单之后，该值域之中的值将保持同步;</li>
<li>以上范例之中，将下拉选单的值域显示出来是为了观察值的变化，应用的时候，应该设置类型为hidden;</li>
<li>如果在初始化的时候设置了值域的默认值，下拉选单也会初始化到同步;</li>
</ol>
</div>

</body>
</html>